{{#spritesheet }}
  @mixin sprite {
    display: block;
    background-image: url($path_images + '{{{escaped_image}}}');
    background-repeat: no-repeat;
    background-size: pxToRem({{px.width}}) pxToRem({{px.height}});
  }
{{/spritesheet }}

{{#sprites}}
  @mixin icon-{{name}} {
    @include sprite;
    background-position: pxToRem({{px.offset_x}}) pxToRem({{px.offset_y}});
    width: pxToRem({{px.width}} + 3px);
    height: pxToRem({{px.height}} + 3px);
  }
{{/sprites}}
